import Text from "./components/Text";
import {useContext} from "react";
import themeContext from "../../../../context/themeContext";

export default function StudentItem(props) {
  // 现实里 如果要用互联网需要接入互联网
  // 在react 如果要使用上下文 就要先接入上下文
  const contextValue = useContext(themeContext); // 接入上下文，接入了以后意味着这个上下文里的所有数据都可以拿到
  console.log(contextValue)
  return (
    <div style={{background: contextValue === 'light' ? "#fff" : "#666"}}>
      name: <Text theme={props.theme} value={props.name}/>
      age: {props.age}
    </div>
  )
}

// 3层 传了三次theme

// 大型项目 组件的嵌套甚至可以达到十层

// 就拿theme主题这个功能来说 一个大型项目有80个组件 这80个组件基本上都要去访问这个theme属性

// 还有一个问题 这个问题才是最致命的， 有的主键明明不要用到这个属性 但是他为了给他的自组件提供便利 他依然需要去写这个属性